.sui-wrap{
	width: 100vw;
	height: 100vh;
}



#svg_box {
	margin-top: 8rem;
}


.radio-box {
	background-image: url(img/di-1.png);
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 13rem;
	max-width: 13rem;
}

.radio-box img {
	width: 5rem;
	height: 5rem;
}

.radio-box p {
	width: 100%;
	text-align: center;
	margin-top: 1rem;
	font-size: 0.8rem;
	color: #588DC4 !important;
}


.radio-box label {
	margin-top: -1rem;
}

.radio-on {
	background-image: url(img/open.png);
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	width: 5rem;
	height: 5rem;
	display: inline-block;
}

.radio-off {
	background-image: url(img/close.png);
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	width: 5rem;
	height: 5rem;
	display: inline-block;
}


.piple-box{
	background-image: url(img/piper_back_new.png);
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:4rem;
	width: 80vw;
	height: 40vw;
	margin-left: 10vw;
	position: relative;
}
